<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="https://cdn.bootcss.com/vue/2.5.17-beta.0/vue.min.js"></script>
</head>
<body>

<div id="aaa">
    {{title}}
</div>
<div id="app">
    <!-- 就是vue控制范围  view 视图位置   {{title}}：插值表达式  -->
    {{title}}:{{age}} <br/>
    <input type="text" v-model="title"/>
    <input type="text" v-model="title"/>
    {{sayHello()}}:{{sayYou()}}
</div>
<script>
    new Vue({//javaScript：位置
        el:"#app",//vue的Id
        data:{//vue的数据   aixoe.异步请求后端的数据
            title:"hello vue!",
            args1:"hi!",
            age:18,
            flag:true
        },
        methods:{//方法
            sayHello:function(){
                return "hello vue";
            },
            sayYou:function(){
                return "hello you";
            }
        }
    });
</script>
</body>
</html>